<script setup lang="ts">
import { Moon, Sunny } from '@element-plus/icons-vue'

const isDark = useDark()
</script>

<template>
  <el-switch
    v-model="isDark"
    size="large"
    :active-action-icon="Moon"
    :inactive-action-icon="Sunny"
  />
</template>

<style scoped lang="scss">
.el-button {
  margin-left: 5px;
}
</style>
